<template>
  <div class="f-footer">
    <el-main class="main">
      <el-row type="flex">
        <div class="title">{{ $t("footer.expressLane") }}</div>

        <div>
          <a href="#" class="out-link">{{ $t("footer.admin") }}</a>
        </div>
      </el-row>
      <el-row type="flex">
        <!--<el-col :span="8" class="item-col">
				<div class="title">常用工具</div>
				<div class="item"><a href="#" class="out-link">aaa</a></div>
				<div class="item"><a href="#" class="out-link">aa</a></div>
			</el-col>-->
        <!-- <el-col :span="8" class="item-col weside">
				<div class="item">
					<i class="el-icon-caret-right"></i>
					<a href="https://webify.cloudbase.net/">CloudBase Webify 提供网站托管服务</a>
				</div>
				<div class="item">
					<i class="el-icon-caret-right"></i>
					<a href="https://webify.cloudbase.net/">Powered by CloudBase Webify</a>
				</div>
			</el-col> -->
      </el-row>
      <div class="">
        备案号：<a href="https://beian.miit.gov.cn" class="out-link">
          {{ backCode }}
        </a>
      </div>
    </el-main>
  </div>
</template>

<script>
export default {
  name: "footer",
  data() {
    return {
      backCode: "",
      enum: [
        {
          name: "hzsunrise",
          backCode: "皖ICP备2021016459号-1",
        },
        {
          name: "yinuosnowball",
          backCode: "皖ICP备2021016459号-3",
        },
      ],
    }
  },
  created() {
      this.enum.forEach(item => {
      if (location.hostname.indexOf(item.name) > -1) {
        this.backCode = item.backCode
      }
    })
  },
}
</script>

<style scoped>
.f-footer {
  padding: 20px;
  text-align: center;
  color: #fff;
  background-color: #555;
}
.main {
  width: 70%;
  margin: 0 auto;
  color: #ccc;
}
.out-link {
  text-decoration: none;
  color: #ccc;
}
.out-link:hover {
  color: #ffffff;
}
.item-col {
  text-align: left;
}
.item-col.weside {
  font-size: 14px;
}
.item-col .title {
  color: #ddd;
  margin-bottom: 10px;
}
.item span {
  margin-right: 5px;
}
</style>
